/*css reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



body{
	background:#fff;
	color:#000;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	margin:0 0 0 0px;
	overflow-x:hidden;
}
h1{
	color:#1C2A47;
	font-size:18px;
}
h1 a{
	color:#ff4209;
}
h2{
	color:#1C2A47;
	font-size:13px;
}
a { 
	color: #3B5998; 
	text-decoration: none; 
}
a:hover {
	text-decoration: underline; 
}
strong {
	    font-weight: bold;
}


/*.like{
	left: 449px;
	margin-top: 16px;
    overflow: hidden;
    position: relative;
    width: 51px;
}*/

.header .order {
    float: right;
}

.headlines{
	background: url("http://nowman.org/il-temp/fb-il-logo.jpg") no-repeat scroll 0 0px transparent;
	height: 135px;
}
.headlines h1 {
    position: relative;
    top: 104px;
}

.baroinfo{	
}
.wrap{
}

.cover{
	    background: url("/images/cover.jpg") no-repeat scroll left top transparent;
	    border: 1px solid #94A3C4;
	    height: 250px;
	    margin: 8px 8px 13px;
	    width: 250px;
}
.coverbutton{
		font-size: 12px;
		margin-left: 5px;
		padding: 7px 0 18px;
		text-align: left;
}

.coverbutton a{	
		background: none repeat scroll 0 0 rgba(255, 66, 9, 0.7);
		border:1px solid #FF4209;
	   	color: #FFFFFF;
	    margin: 4px;
	    padding: 2px 4px;
	 	-moz-border-radius: 3px;
	    -khtml-border-radius: 3px;
	    -webkit-border-radius: 3px;
	    border-radius: 3px;
}
.coverbutton a:hover{
	border: 1px solid #5F697E;
	    text-decoration: none;
}	

/*.installs{
	padding:0px 8px;
}

.header{
	background: #ECEFF5;
	border-top:1px solid #94A3C4;
	padding: 5px 8px;
}
.subhead{
	border-bottom:1px solid #ECEFF5;
	color:#444;
	padding: 2px 8px 45px;
}*/

/*.track-list{
	left: 288px;
	position: absolute;
}
.track {
    position: relative;
    margin-bottom: 4px;
    left: 46px;
}*/




/*
.track-list    .track <=ein track
.track-list    .track    .playButton <=der button
.track-list    .track    .trackName <=der titel
.track-list    .track.activeSong    <=das lied ist aktiv
.track-list    .track.activeSong.paused    <=das lied ist aktiv und pausiert
*/

.wrap-baro{
	color:#444;
	width:484px;
	height:200px;
}
.barometer-leer{
	background: url("/images/barometer-leer.jpg") no-repeat scroll 0 0 transparent;
	    height: 178px;
	    width: 484px;
		margin-left:8px;
}
.barometer-voll{
	background: url("/images/barometer-voll.jpg") no-repeat scroll 0 0 transparent;
	    border-right: 3px solid #FF4209;
	    height: 178px;	
}

.barometer-spruch{  
		background: none repeat scroll 0 0 rgba(255, 66, 9, 0.75);
		box-shadow: 0px 0px 5px #000;
		-moz-box-shadow: 0px 0px 5px #000;
		-webkit-box-shadow: 0px 0px 5px #000;
		    margin: 0 8px;
		    padding: 1px 11px;
		    position: relative;
		    top: 18px;
		    width: 446px;
}
.barometer-spruch h2 {
    color: #000;
}
.barometer-spruch strong {
    color: #fff;
}

.footer{
	z-index:0;	
}
.footer ul {
    margin: 0px;
}

.moo-baro {
	height: 30px;
	width: 500px;
	opacity: 1;
	overflow:hidden;
	}
.moo-baro--click {
}
.moo-baro--mouseenter {
	border-bottom: 1px #D8DFEA solid;
	height: 178px;
}



.bgCover { background:#000; position:absolute; left:0; top:0; display:none; overflow:hidden; z-index:9;	
}
.overlayBox {
	border:3px solid #94A3C4;
	position:absolute;
	display:none;
	width:485px;
	height:500px;
	background:#fff;
	z-index:10;	
	
}

.overlayBoxSongNotAvailable {
	border:3px solid #94A3C4;
	display:none;
	position:absolute;
	width:485px;
	height:530px;
	background:#fff;
}

.overlayContent {
	padding:10px;
}
.closeLink {
	color: #FF4209;
	    float: right;
	    padding: 5px;
}

/*overlay mask*/
.mask {
	background: #fff;
	opacity: 0.4;
	filter: alpha(opacity = 40);
}
.mask-almost-invisible {
	background: #fff;
	opacity: 0.01;
	filter: alpha(opacity = 1);
}


/*form-validator*/
.validation-advice {
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

/*box*/
.box_auth_mail_header{
	color:#ff4209;
	font-weight: bold;
	padding-top:10px;
	cursor: pointer;
}

.box_auth_mail_slider{
	height: 75px;
	padding: 8px 0 0 14px;
}

.box_auth_connect {
	text-align: center;
	font-size: 12px;
}

.box_auth_connect .connect {
	cursor:pointer;
}


.subhead ul {
    margin: 9px 0px;
}
.subhead {
    color: #444444;
    padding: 13px 8px 30px;
    line-height: 14px;}

.subhead ul li {
	    height: 26px;
	}



/*general*/
div.spacer-10 {
	height: 10px;
}


/*new main page*/
.container,.head,body {
	width: 500px;
}

.head {
	margin-bottom: 10px;
}

.head .head-logo {
	height: 103px;
	background: url("../images/fb-il-logo.jpg") no-repeat;
	clear: both;
}
.head .head-logo .like {
	float: right;
	height: 20px;
	width: 80px;
	padding-top: 5px;
}
.section {
	margin-bottom: 5px;
	clear: both;
}
.fb-section-header {
	background: #ECEFF5;
	border-top:1px solid #94A3C4;
	padding: 5px 8px;	
}

.amazon-preorder {
	background: url("http://nowman.org/il-temp/amazon-3.png") no-repeat;
	height: 18px;
	width: 128px;
	cursor:pointer;
	margin-top: -2px;
}

.fb-section-header .amazon-preorder {
	float:right;
}

.section h2 {
    padding: 8px 0 0 8px;
}

.section .image-area {
	background: url("/images/cover.jpg") no-repeat scroll left top transparent;
	border: 1px solid #94A3C4;
	height: 250px;
	margin: 0px 10px 0px 8px;
	width: 250px;
	float: left;
}
.section .image-area .slideshow-images {
	height: 250px;
	overflow:hidden;
	width: 250px;
	display: block;
	position: relative;
}

.section .track-list {
	float: left;
}

.section .track-list .track {
	clear: left;
    height: 17px;
}

.section .track-list .track .playButton {
	background: url("/images/play.gif") no-repeat center center;
   	width: 39px;
	height: 15px;
	float:left;
    cursor: pointer;
	margin-right: 5px;
}
.section .track-list .track .trackName {
	float: left;
	padding-top: 2px;
}

.section .track-list .track.activeSong  {
	color:#ff4209;
}
.section .track-list .track.activeSong.paused {
	color:#ff6b3e;
}
.section .track-list .track.activeSong .playButton  {
	background: url("../images/play-active.gif") no-repeat center center #ff4209;
}
.section .track-list .track.activeSong.paused .playButton {
	background: url("../images/play-paused.gif") no-repeat center center;
}
.section .track-list .track.norigths {
	color: #555;
	opacity: 0.9;
	filter: alpha(opacity = 90);
}
.track-list .track.norigths .playButton {
	background: url("../images/play-norights.gif") no-repeat center center;
}

.section .ad-buttons {
	clear: both;
	    font-size: 13px;
	    font-weight: bold;
	    padding: 25px 4px;
	    white-space: nowrap;
}

.sound-barometer {
    padding: 0 0 0 8px;
}

.section .sound-barometer .word-counter {
	    background: url("../images/bg-ff4209.png") repeat scroll 0% 0% transparent; 
	    color: #000;
	    font-size: 15px;
	    margin: 10px 8px;
	    padding: 6px;
	    width: 456px;
		box-shadow: 0px 0px 5px #000;
		-moz-box-shadow: 0px 0px 5px #000;
		-webkit-box-shadow: 0px 0px 5px #000;
}
.section .sound-barometer .word-counter span {
	font-weight: bold;
	color:white;
}
.section .sound-barometer  .barometer {
	background: url("../images/barometer-leer-neu.jpg") no-repeat scroll 0% 0% transparent; 
	height: 120px;
	width:484px;
}
.section .overlay {
    padding-top: 8px;
}
.section .sound-barometer  .barometer .overlay{
	border-right:3px solid #ff4209;	
	height: 120px;
	 width: 0%;
	background: url("../images/barometer-voll-neu.jpg") no-repeat scroll 0pt 0pt transparent;
}


.section .ad-buttons a{	
		background: #ff4209;
		background: none repeat scroll 0 0 rgba(255, 66, 9, 0.7);
		border:1px solid #FF4209;
	   	color: #FFFFFF;
	    clear: both;
		   margin: 5px;
		    padding: 2px 5px;
		    white-space: nowrap;
	 	-moz-border-radius: 3px;
	    -khtml-border-radius: 3px;
	    -webkit-border-radius: 3px;
	    border-radius: 3px;
}
.section .ad-buttons a:hover{
	border: 1px solid #5F697E;
}
.section .ad-buttons a:active{
	background:#5F697E;
}	

.section .share {
	cursor:pointer;
}

.section .author-list{
	padding:5px 8px;
}

.share_bar .like{
	float:right;
}

.error-message {
	padding: 7px;
	background: none repeat scroll 0% 0% rgb(251, 227, 228); 
	color: rgb(138, 31, 17); 
	font-size: 18px; 
	border: 4px solid rgb(251, 194, 196);
}
.error-message.no-flash {
	height: 0;
    padding: 0;
    visibility: hidden;
}
.error-message.no-browser {
	height: 0;
    padding: 0;
    visibility: hidden;
}

.slideshow{display:block;position:relative;z-index:0;}.slideshow-images{display:block;overflow:hidden;position:relative;}.slideshow-images img{display:block;position:absolute;z-index:1;}.slideshow-thumbnails{overflow:hidden;}.slideshow-images{height:300px;width:400px;}.slideshow-images-visible{opacity:1;}.slideshow-images-prev{opacity:0;}.slideshow-images-next{opacity:0;}.slideshow-images img{float:left;left:0;top:0;}.slideshow{margin:0 auto;}.slideshow a img{border:0;}.slideshow-captions{background:#000;bottom:0;color:#FFF;font:normal 12px/22px Arial,sans-serif;left:0;overflow:hidden;position:absolute;text-indent:10px;width:100%;z-index:10000;}.slideshow-captions-hidden{height:0;opacity:0;}.slideshow-captions-visible{height:22px;opacity:.7;}.slideshow-controller{background:url(controller.png) no-repeat;height:42px;left:50%;margin:-21px 0 0 -119px;overflow:hidden;position:absolute;top:50%;width:238px;z-index:10000;}.slideshow-controller *{margin:0;padding:0;}.slideshow-controller-hidden{opacity:0;}.slideshow-controller-visible{opacity:1;}.slideshow-controller a{cursor:pointer;display:block;height:18px;overflow:hidden;position:absolute;top:12px;}.slideshow-controller a.active{background-position:0 18px;}.slideshow-controller li{list-style:none;}.slideshow-controller li.first a{background-image:url(controller-first.gif);left:33px;width:19px;}.slideshow-controller li.last a{background-image:url(controller-last.gif);left:186px;width:19px;}.slideshow-controller li.next a{background-image:url(controller-next.gif);left:145px;width:28px;}.slideshow-controller li.pause a{background-image:url(controller-pause.gif);left:109px;width:20px;}.slideshow-controller li.play a{background-position:20px 0;}.slideshow-controller li.play a.active{background-position:20px 18px;}.slideshow-controller li.prev a{background-image:url(controller-prev.gif);left:65px;width:28px;}.slideshow-loader{height:28px;right:0;position:absolute;top:0;width:28px;z-index:10001;}.slideshow-loader-hidden{opacity:0;}.slideshow-loader-visible{opacity:1;}.slideshow-thumbnails{bottom:-65px;height:65px;left:0;position:absolute;width:100%;}.slideshow-thumbnails *{margin:0;padding:0;}.slideshow-thumbnails ul{height:65px;left:0;position:absolute;top:0;width:10000px;}.slideshow-thumbnails li{float:left;list-style:none;margin:5px 5px 5px 0;position:relative;}.slideshow-thumbnails a{display:block;float:left;padding:5px;position:relative;}.slideshow-thumbnails a:hover{background-color:#FF9!important;opacity:1!important;}.slideshow-thumbnails img{display:block;}.slideshow-thumbnails-active{background-color:#9FF;opacity:1;}.slideshow-thumbnails-inactive{background-color:#FFF;opacity:.5;}